<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
	<h:form id="form" prependId="false">

		<p:dataTable var="catg" value="#{categoriaManagedBean.listaCategoria}">
			<p:column>
				<f:facet name="header">
					<h:outputText value="Nombre" />
				</f:facet>
				<h:outputText value="#{catg.nombre}" />
			</p:column>
			
			<p:column>
				<f:facet name="Descripcion">
					<h:outputText value="Descripcion" />
				</f:facet>
				<h:outputText value="#{catg.descripcion}" />
			</p:column>


			<p:column style="width:4%">
				<p:commandButton id="selectButton" update="form"
					oncomplete="PF('catDialogoE').show()" icon="ui-icon-search"
					title="View">
					<f:setPropertyActionListener target="#{categoriaManagedBean.categoria}" value="#{catg}"
						 />
				</p:commandButton>
			</p:column>

			<f:facet name="footer">
				<p:commandButton id="viewButton" value="Crear"
					icon="ui-icon-circle-plus" oncomplete="PF('catDialogoC').show()" />
				<p:commandButton action="#{from.irConfiguracion}"
					value="Configuracion"
					title="Administrar los productos,categorias y gatos" />
			</f:facet>

		</p:dataTable>
		
		
		 <p:dialog header="Actualizar Categoria" widgetVar="catDialogoE" 
			resizable="false"    showEffect="fade" hideEffect="explode"
			modal="true">
 
	        <h:panelGrid id="catPanE" columns="3" cellpadding="4"
				style="margin:0 auto;">
 
           
            <h:outputText value="Descripcion:" />
            <h:outputText value="#{categoriaManagedBean.categoria.descripcion}" style="font-weight:bold" />
 
        </h:panelGrid>
 
    </p:dialog>

		<p:dialog header="Crear Categoria" widgetVar="catDialogoC" 
			resizable="false" width="400" showEffect="clip" hideEffect="fold">

			<h:panelGrid id="catPanC" columns="2" cellpadding="4">

				<h:outputText value="Nombre:" />
				<h:inputText required="true"
					requiredMessage="El nombre de la categoria es obligatorio"
					value="#{categoriaManagedBean.nuevoNombreCategoria}" />

				<h:outputText value="Descripcion:" />
				<h:inputText required="true"
					requiredMessage="El descripcion de la categoria es obligatorio"
					value="#{categoriaManagedBean.nuevodescripcionCateroria}" />

				<f:facet name="footer">
					<p:commandButton value="Crear" icon="ui-icon-disk"
						actionListener="#{categoriaManagedBean.guardar}" update="form"
						oncomplete="PF('catDialogoC').hide()" />
				</f:facet>

			</h:panelGrid>
		</p:dialog>




	</h:form>
</h:body>
</html>